

<HTML>
<HEAD>
<TITLE>Seventh Test of Section 12.1 of CSS2 Spec</TITLE>

<STYLE TYPE="text/css">
p:before {
    content: "The End";
    display: block;
}
h3:before {content: "The End";
     display: none}
em:before {content: "The End";
     display: inline}
h4:before {content: "The End";
     display: marker}




</STYLE>
</HEAD>




<BODY>
<h1 >
Testing Seventh Testable Statement of Sec 12.1 of CSS2 Specification
</h1>


<ul>
<li  >
7. If the subject of the selector is a block-level element, allowed values
are "none", "inline", "block", and "marker". 
</ul>




<h2 >
PASS CRITERIA:
</h2>
<p>
If statement #7 above is passed, then
<q>the words "The End" are inserted before this quote</q>
The rules applied are "p:before {content: "The End"; display: block;
}
This <em>emphasized text</em> should have the words "The End" inserted
before it.
Rule is "em:before {content: "The End"; display: inline}".
<h3>This h3 heading should have a display of none (not shown?).
Rule is "h3:before {content: "The End"; display: none}"</h3>
<h4>This h4 heading should have a display of marker.
Rule is "h4:before {content: "The End"; display: marker}".
Also "The End" inserted before it.
</h4>
All other properties of this page should be UA-default.


</BODY>
</HTML>

